<h2 class="registerHeader">Register account!</h2>
<h3 class="registerHeader">It will save you time when making future orders, allow you to set up multiple different delivery addresses and also provide access to your previous orders.</h3>
<h4 class="registerHeader">Create an account by registering a few details with us – it only takes a minute!</h4>
<div class="registerAccount">
    <h1 class="registerPanelHeader">Account data</h1>
    <div class="input-group">
        <span class="input-group-addon registerAddon">Account name</span>
        <input type="text" class="form-control registerChange" id="account_name">
    </div>
    <div class="input-group">
        <span class="input-group-addon registerAddon">Password</span>
        <input type="password" class="form-control registerChange" id="password">
    </div>
    <div class="input-group">
        <span class="input-group-addon registerAddon">Confirm pswrd</span>
        <input type="password" class="form-control registerChange" id="re_password">
    </div>
    <div class="input-group">
        <span class="input-group-addon registerAddon">Email</span>
        <input type="text" class="form-control registerChange" id="email">
    </div>
    <div class="input-group">
        <input type="checkbox" id="acceptRules"> <span> I have read and accept the <a href="#">terms and conditions </a>.</span>
    </div>
</div>
<div class="columnPadding">&nbsp</div>
<div class="registerAccountInformation">
    <h1 class="registerPanelHeader">Personal data</h1>
    <div class="input-group">
        <span class="input-group-addon registerAddon">Name</span>
        <input type="text" class="form-control registerChange" id="name">
    </div>
    <div class="input-group">
        <span class="input-group-addon registerAddon">Surname</span>
        <input type="text" class="form-control registerChange" id="surname">
    </div>
    <div class="input-group">
        <span class="input-group-addon registerAddon">Zip code</span>
        <input type="text" class="form-control registerChange" id="zipCode">
    </div>
    <div class="input-group">
        <span class="input-group-addon registerAddon">City</span>
        <input type="text" class="form-control registerChange" id="city">
    </div>
    <div class="input-group">
        <span class="input-group-addon registerAddon">Street</span>
        <input type="text" class="form-control registerChange" id="street">
    </div>
    <div class="input-group">
        <span class="input-group-addon registerAddon">Phone</span>
        <input type="text" class="form-control registerChange" id="telephone">
    </div>
    <div class="input-group">
        <span class="input-group-addon registerAddon">Date of Birth</span>
        <input type="text" class="form-control registerChange registerDatepicker" id="birthday">
    </div>
</div>
<div class="input-group buttonContainer">
    <button type="button" class="btn btn-primary" id="registerNewccount">Confirm</button>
</div>


